<template>
  <div id="app">
    <!-- 路由的占位符 -->
    <keep-alive>
      <!-- 在这里给占位符添加唯一的key值,因为切换用户之后发现频道数据也被缓存了 这里的key值使用在store里面缓存的token值 -->
      <router-view
        v-if="$route.meta.keepAlive"
        :key="$store.state.token ? $store.state.token.token:null"
      ></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>

</template>

<script>
export default {
  name: 'APP',
  data () {
    return {}
  }
}
</script>
<style lang="less">
</style>
